/*晒单样式*/
html,body{ width: 100%; height: 100%;}
#app{ height: 100%; width: 100%; -webkit-overflow-scrolling:touch;}
/**{margin: 0;padding: 0; font-size: 14px;}*/
a{ text-decoration: none; cursor: pointer;}
.push-msg{ width:100%;background: #e02528; position: fixed;top: 0; z-index: 999;}
.push-msg .ptitle .back-icon{ position:absolute; width:35px; height: 44px; line-height: 44px;  display: block; background: url(../assets/theSun/icon_nav_back.png) no-repeat; background-size: 45%;background-position:center center;}
.push-msg .ptitle .share-link{ position:absolute; right: 0; top:3vw; width:45px; height: 45px;  width:12vw; height: 7vw; display: block; background: url(../assets/theSun/icon_share.png) no-repeat; background-size: 45%;background-position:center center;}
.push-msg .ptitle .sendMsg{ position:absolute;font-size: 4vw; right: 0; top:3.5vw; width:45px; height: 45px;  width:12vw; height: 7vw; display: block; padding-right: 15px;}
.push-msg .ptitle{ position: relative; width: 100%; display: inline-block; color: #FFF; font-size: 18px; font-size: 5vw; text-align: center;vertical-align: top; height: 44px; line-height: 44px;}

.push-list{ width: 100%; margin-top:15%; z-index: -1; overflow: hidden}
.push-list .push-item{  width: 100%;margin-top: 44px;}
.push-list .push-item li{ display: block; border-bottom: 1px solid #ddd; margin:0; padding: 15px 20px; list-style: none;}
.push-list .push-item li .user-info { width: 100%;}
.push-list .push-item li .user-info .user-head-img{ display: flex;}
.push-list .push-item li .user-info .user-head-img .head-img{ display:inline-block; vertical-align: top;}
.push-list .push-item li .user-info .user-head-img .head-img a{ width: 40px; height: 40px; display: block; border-radius: 20px;overflow: hidden;}
.push-list .push-item li .user-info .user-head-img .head-img a img{ width: 100%;}
.push-list .push-item li .user-info .user-head-img .user-detail{  display:inline-block;margin-left: 10px; flex: 1; margin-right: 10px;}
.user-detail .user-name{ width: 100%; position: relative; }
.user-detail .user-name a{  color: #288bd8;text-decoration: none;font-size: 14px;}
.user-detail .user-name .push-time{ position: absolute; right: 0; color: #999;font-size:12px;}
.user-detail .user-address{  color: #a2a2a2; font-size: 10px;font-size:12px;}
.user-detail .order-content{ width: 90%; padding: 2% 0; overflow: hidden; border:0px solid red;}
.user-detail .order-content .orderT{}
.user-detail .order-content .orderT .orderT-left{ width: 47%;display: inline-block;}
.user-detail .order-content .orderT .orderT-left .gameType{ width: 30%;display: inline-block;}
.user-detail .order-content .orderT .orderT-left .gameType img{ width: 100%;}
.user-detail .order-content .orderT .orderT-left .gameInfo{ width: 65%;display: inline-block; vertical-align: top;}
.user-detail .order-content .orderT .orderT-left .gameInfo .gameName{ font-size: 3vw;}
.user-detail .order-content .orderT .orderT-left .gameInfo .gameqihao{ font-size:10px;display: block;color: #a2a2a2; margin-top: 5px}
.user-detail .order-content .orderT .orderT-right{ width: 47%;display: inline-block;    text-align: right;}
.user-detail .order-content .orderT .orderT-right img{ width:80%;}
.user-detail .order-content .orderDet{}
.user-detail .order-content .orderDet .tz{ border-right:1px solid #dcdcdc;}
.user-detail .order-content .orderDet .dd{ border-right:1px solid #dcdcdc;}
.user-detail .order-content .orderDet div{ width: 33%;display: inline-block; text-align: center; float: left; box-sizing: border-box; margin-top: 12px;}
.user-detail .order-content .orderDet div span{ font-size:10px;color: #a2a2a2; margin-top: 5px; display: block; text-align: center}
.user-detail .order-content .orderDet div p{ font-size: 10px; text-align: center; margin: 3px 0}
.user-detail .order-content .orderDet div .zjzt{ color:#e02528;}

.user-detail-upload{ width: 50%; background: #FFF;margin: 3%;}
.user-detail-upload .order-content .orderT .orderT-left .gameInfo{ width: 63%;}




/*图片放大显示*/
.open{ width: 100%; height:100%; display: none; }
.openPic{ width: 100%; height:100%;background-color: rgba(0,0,0,0.5); display: flex; position: absolute;top: 0; z-index: 999999;}
.orderDeta{ background: #FFF; width: 88%; margin: auto;}
.orderDeta .orderT{ padding: 2%; border-bottom: 1px solid #dcdcdc;}
.orderDeta .orderT .orderT-left{ width: 47%;display: inline-block;}
.orderDeta .orderT .orderT-left .gameType{ width: 30%;display: inline-block;}
.orderDeta .orderT .orderT-left .gameType img{ width: 100%;}
.orderDeta .orderT .orderT-left .gameInfo{ width: 65%;display: inline-block; vertical-align: top;padding-top: 4%;}
.orderDeta .orderT .orderT-left .gameInfo .gameName{ font-size: 4vw;}
.orderDeta .orderT .orderT-left .gameInfo .gameqihao{ font-size: 3vw;display: block;color: #a2a2a2;}
.orderDeta .orderT .orderT-right{ width: 47%;display: inline-block;    text-align: right;}
.orderDeta .orderT .orderT-right img{ width:80%;}
.orderDeta .orderDet{ width: 100%;}
.orderDeta .orderDet .tz{ border-right:1px solid #dcdcdc;}
.orderDeta .orderDet .dd{ border-right:1px solid #dcdcdc;}
.orderDeta .orderDet div{ width: 31%;display: inline-block; text-align: center; margin:4% 0;}
.orderDeta .orderDet div span{ font-size: 3.5vw;color: #a2a2a2;}
.orderDeta .orderDet div p{ font-size: 4vw; text-align: center;}
.orderDeta .orderDet div .zjzt{ color:#e02528;}

.gcfangan{ width: 100%; padding: 2%;}
.gcfangan .kjnum{ width: 100%;margin: 2% 0;}
.gcfangan .kjnum .gctitle{ width: 20%; display: inline-block; font-size: 4vw;}
.gcfangan .kjnum .gcright{ width: 75%; display: inline-block; margin: 0;padding: 0;font-size: 4vw;}
.gctborder{ border:  1px solid #dcdcdc; border-radius: 3px;width: 13%!important; margin-right: 7%; text-align: center;vertical-align: top;margin-top: 2%;}

.gcfangan .kjnum .gcright ul li{ display: inline-block; width: 10%; margin: 0; padding: 0;line-height: 10vw;}
.gcfangan .kjnum .gcright ul li{ display: inline-block; width: 8%; margin:2% 1%; padding: 0;line-height: 6vw; text-align: center;}
.gcfangan .kjnum .gcright ul li span{ width: 100%; border-radius: 100%; color: #FFF; font-size: 4vw;padding: 12%; }
.gcfangan .kjnum .gcright ul li .redball{ background:#e02528;}
.gcfangan .kjnum .gcright ul li .blueball{ background:#1D8CE0;}
.gcfangan .kjnum .gcright ul li .redborder{ color:#e02528;border: 1px solid #dcdcdc;}
.gcfangan .kjnum .gcright ul li .blueborder{ color:#1D8CE0;border: 1px solid #dcdcdc;}

.gcfangan .kjnum .gcright2{ width: 75%; display: inline-block; margin: 0;padding: 0;}
.gcfangan .kjnum .gcright2 ul { width: 100%;}
.gcfangan .kjnum .gcright2 ul li {  color: #FFF; font-size: 4vw; margin: 0; padding: 0;}
.gcfangan .kjnum .gcright2 ul li {  }
.gcfangan .kjnum .gcright2 ul li span{ margin-bottom: 3px; border-radius: 50%; font-size: 3.5vw;display: inline-block;padding: 3px; margin-right: 2px;}
.gcfangan .kjnum .gcright2 ul li .redball{ background:#e02528;}
.gcfangan .kjnum .gcright2 ul li .blueball{ background:#1D8CE0;}
.gcfangan .kjnum .gcright2 ul li .redborder{ color:#e02528;border: 1px solid #dcdcdc;}
.gcfangan .kjnum .gcright2 ul li .blueborder{ color:#1D8CE0;border: 1px solid #dcdcdc;}
.gcfangan .kjnum .gcright .tzs{width: 30%; display: inline-block; margin-right: 2%; text-align: center; color: #FFF; background: #F7BA2A; font-size: 4vw;padding: 0.5% 0; border-radius: 3px;}
.gcfangan .kjnum .gcright .fangans{width: 30%; display: inline-block; margin-right: 2%; text-align: center; color: #FFF; background: #FF4949; font-size: 4vw;padding: 0.5% 0; border-radius: 3px;}
.gcfangan .kjnum a{ font-size: 4vw;}

.applink{  display: block;padding: 4% 0;padding-left: 4%;}
.applink img{ width: 8%!important;}
.applink span{ font-size: 3.5vw;vertical-align: top;display: inline-block;margin-top: 2%;padding-left: 2%;}

/**灰色条*/
.divBlock{ display: block; height: 15px; background: #f2f2f2;padding: 2%;}
.divBlock span{ font-size: 3.5vw;border-left: 2px solid #e02528;padding-left: 2%;}
.wx{ display: block;background: #f2f2f2;padding: 2%;}
.wx .wxtx{ width: 100%; text-align: center; color:#e02528; font-size: 4vw; }
.wx .txContent{ width: 100%;}
.wx .txContent p{ font-size: 3.5vw;padding: 1% 0;padding-bottom: 2%;}


.user-detail .push-images img{ width:100%;margin-top: -10%;}
.user-detail .push-content{font-size:14px;  margin: 0;overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; color: #333 !important}
.user-detail .push-content .bycommentator{ font-size: 3.5vw; color:#1D8CE0; }



.user-detail .user-operate{text-align: right; margin-top: 10px;}
.user-detail .user-operate div{font-size: 12px;color:#999;display: inline-block;margin-left:8px;max-width: 500px; height:30px; line-height: 30px;vertical-align: middle;}
.user-detail .user-operate a{  margin-bottom: -1.5px; margin-right: 5px;font-size: 3vw;  width: 16px; height: 16px;  display: inline-block; text-align: left; font-size: 12px; color: #828282;} 
.user-detail .user-operate .transmit .transmit-icon{  background: url(../assets/theSun/icon_change.png) no-repeat;background-size: 100%;}
.user-detail .user-operate .like .like-icon{    margin-bottom: -1.5px;background: url(../assets/theSun/icon_good_normal.png) no-repeat;background-size: 100%;}
.user-detail .user-operate .like .like-icon-click{    margin-bottom: -1.5px;background: url(../assets/theSun/icon_good_selectedl.png) no-repeat;background-size: 100%;}
.user-detail .user-operate .comment .comment-icon{margin-bottom: -3.5px;background: url(../assets/theSun/icon_comment.png) no-repeat;background-size: 100%;}
.user-detail .user-operate  div a{ text-align: lleft;}
.shareDiv{ width: 100%; position: fixed; bottom: 0; background: #f2f2f2; display: none;}
.shareDiv .share-title{ width: 100%;  padding: 2%;}
.shareDiv .share-title span{  display: inline-block;font-size: 3.5vw;}
.shareDiv .share-title  .share{ padding-left: 3vw;}
.shareDiv .share-title  .cancel{text-align: right;float: right; margin-right: 8%;}
.shareDiv .share-title  .cancelBtn{ padding-left: 3vw;padding: 5px 10px;}
.shareDiv .share-title  .shareBtn{ text-align: right;float: right; margin-right: 8%; background: #e02528; color:#FFF; padding: 5px 20px; border-radius: 5px;}
.shareDiv a{ width: 20vw;  height: 10vh;display: inline-block;}
.shareDiv .wechat{background: url(../assets/theSun/icon_wechat.png) no-repeat; background-size: 50%; background-position: center;}
.shareDiv .qq{background: url(../assets/theSun/icon_qq.png) no-repeat; background-size: 50%; background-position: center;}
.shareDiv .el-textarea .el-textarea__inner{ line-height: 6vw!important;border: 0;font-size: 3vw;} 


.loading{}
.loading .click-loading{width:100%;line-height: 12vw; text-align: center;font-size: 3vw;}
.loading #loading{ width: 100%; display: block;}
.loading #loaded{ width: 100%; display: none;}
.loading #load-none{ width: 100%; display: none;}

/*晒单详情页*/
.push-detail{   z-index: -1;margin:0; padding: 3%; list-style: none;width: 94%;margin-top:15%;}
.push-detail  .user-info .user-head-img .head-img{ width: 10%; display:inline-block; vertical-align: top;}
.push-detail  .user-info .user-head-img .head-img a{ width: 100%; height: 100%; display: block; border-radius: 50%;overflow: hidden;}
.push-detail  .user-info .user-head-img .head-img a img{ width: 100%;}
.push-detail  .user-info .user-head-img .user-detail{  display:inline-block;}




.block-div{ width: 100%; height: 10px; display: block; background:#f2f2f2; }

.push-image-detail{ width: 94%; padding: 3%; }
.push-image-detail img{ width: 100%;}

.push-comment{  width: 94%; padding: 3%;margin-bottom: 40px;}
.push-comment .push-detail  .user-info .user-head-img .user-detail{width: 83%;}
.push-comment .comment-title{  padding:2%;border-bottom: 1px solid #dcdcdc;}
.push-comment .comment-title span{ width: 100%; display: block;font-size: 4vw;}
.push-comment .comment-title .allComment{ width: 60%; display: inline-block; border-left: 2px solid #e02528; padding-left: 8px;}
.push-comment .comment-title .pushComment{ width: 35%; display: inline-block; float: right; text-align: right;}
.push-comment .comment-list ul li{  margin: 1% 0; width: 100%;}
.push-comment .comment-list ul li .push-detail{ margin-top:0;}
.push-comment .comment-list ul li .push-detail .comment-like{width: 10%;max-width: 500px;color: #a2a2a2; height:100%; font-size: 4vw; position: absolute; right: 0; background: url(../assets/theSun/icon_good.png) no-repeat; background-size: 35%;padding-left: 10%;}
.push-comment .comment-list ul li .push-detail .comment-like-click{width: 10%;max-width: 500px;color: #a2a2a2; height:100%; font-size: 4vw; position: absolute; right: 0; background: url(../assets/theSun/icon_good_selectedl.png) no-repeat; background-size: 35%;padding-left: 10%;}
.push-comment .comment-list .comment-item { width: 100%;padding-left: 2%;}
.push-comment .comment-list .comment-item ul{ margin: 0;padding: 0;}
.push-comment .comment-list .comment-item ul li{ margin: 0;padding: 0; border-bottom: 0!important;}
.push-comment .comment-list .comment-item ul li div span{ font-size: 3vw;}
.push-comment .comment-list .comment-item ul li .comment-item-title{ width: 90%; vertical-align: top;color:#1D8CE0;}
.push-comment .comment-list .comment-item ul li .comment-item-title a{float: right;font-size: 3vw;text-align: right;padding: 1px 5px;    border: 1px solid #dcdcdc;border-radius: 4px; color:#a2a2a2;}
.push-comment .comment-list .comment-item ul li .comment-item-cont{ width: 90%;}
.push-comment .comment-list .comment-item ul li .comment-item-cont span{ width: 100%;overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.push-comment .comment-list .comment-item ul li .comment-item-contopen { width: 90%; display: none;}
.push-comment .comment-list .comment-item ul li .comment-item-contopen span{ width: 100%;}

.commentDiv{width: 100%; height:100%; display: none;}
.commentDiv .comCont{width: 100%; height:100%; display: flex; background-color: rgba(0,0,0,0.5); position: absolute;top: 0; z-index: 999999;}
.commentDiv .shareSCont{ width: 70%; margin: auto; background: #FFF; border-radius: 5px;}
.commentDiv .shareSCont .comentCont{ padding:3%;}
.commentDiv .shareSCont .comentCont .icon_success{ width: 15vw; height: 15vw;margin: auto; display: block; background: url(../assets/theSun/icon_success.png) no-repeat; background-size: 100%;}
.commentDiv .shareSCont .sbtns{ width: 100%; border-top:1px solid #dcdcdc; }
.commentDiv .shareSCont .sbtns span{ width: 49%;display: inline-block; text-align: center;line-height: 35px; font-size: 4vw;padding: 5% 0;}

/**评论底部栏*/
.commentFoot{ position: fixed;bottom: 0; width: 100%; background: #eee;padding: 8px 0;}
.commentFoot .allComment{ width: 48%; display: inline-block; text-align: center; border-right: 1px solid #dcdcdc;}
.commentFoot .allLike{ width: 48%; display: inline-block;text-align: center;}
.commentFoot .allComment .commentIcon{font-size: 3vw;padding-left: 20px; line-height: 20px;background: url(../assets/theSun/icon_comment.png) no-repeat; background-size: 23%;}
.commentFoot .allLike .likeIcon{font-size: 3vw;padding-left: 20px; line-height: 20px;background: url(../assets/theSun/icon_good.png) no-repeat; background-size: 25%;}
.commentFoot .allLike .likeIconClick{ font-size: 3vw;padding-left: 20px; line-height: 20px;background: url(../assets/theSun/icon_good_selectedl.png) no-repeat; background-size: 25%;}


.pushbody{ display: block;width: 100%; height:100%; background: #f2f2f2;}
.shareContent {padding-top: 12.5%;}
.shareContent .el-textarea .el-textarea__inner{  height: 200px;font-size: 4vw;}
.loadImg .avatar-uploader .el-upload { padding:50px 90px 50px 50px;margin: 15px;}
.loadImg .avatar-uploader .el-upload .avatar-uploader-icon{ width: 0px!important;height: 0px!important;}

.shareSucess{width: 100%; height:100%; background-color: rgba(0,0,0,0.5); display: none; position: absolute;top: 0; z-index: 999999;}
.shareSucess .shareSCont{ width: 70%; margin: auto; background: #FFF;margin-top: 50%; border-radius: 5px;}
.shareSucess .shareSCont .sTitle{ padding:8%;}
.shareSucess .shareSCont .sTitle .icon_success{ width: 15vw; height: 15vw;margin: auto; display: block; background: url(../assets/theSun/icon_success.png) no-repeat; background-size: 100%;}
.shareSucess .shareSCont .sTitle  p{ line-height: 35px; text-align: center; width: 100%;font-size: 4vw; margin-top: 8%;}
.shareSucess .shareSCont .sbtns{ width: 100%; border-top:1px solid #dcdcdc; }
.shareSucess .shareSCont .sbtns span{ width: 49%;display: inline-block; text-align: center;line-height: 35px; font-size: 4vw;padding: 5% 0;}


.orderT img{ width: 100%; display: block; }